<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<jsp:include page="../common/common.jsp" />
<link rel="stylesheet" type="text/css" href="${path}//assets/css/weixin/default.css" />
</head>
<body class="page-header-fixed page-sidebar-fixed">
	<jsp:include page="../common/header.jsp" />
	<div class="clearfix"></div>
	<div class="page-container">
		<div class="page-sidebar-wrapper">
			<jsp:include page="../common/menu.jsp" />
		</div>
		<div class="page-content-wrapper">
			<div class="page-content">
				<div class="row">
					<div class="col-md-12">
						<form class="form-horizontal form-row-seperated" action="">
							<div>
								<div class="portlet-body">
									<div class="tabbable">
										<div class="tab-content no-space">
											<div class="form-body">
												<div class="form-group" >
													<div class="tab-pane active" id="tab_general">
														<div>
															<div class="layout-sub-title">
																<h1>自定义菜单</h1>
																<p>
																	设置您的自定义菜单，更新后24小时内生效。尚未微信认证的订阅号暂无法获得自定义菜单。
																	<a href="http://kf.qq.com/faq/140410VnIvYV140415UnEZBn.html#" target="_blank">如何设置自定义菜单？</a>
																</p>
															</div>

															<div data-id="menuConfigContainer" class="layout-sub-content">
																<div>
																	<div class="app-menu">
																		<!-- 菜单列表 -->
																		<table data-id="table" class="ui-table ui-table-bordered app-menu-edit">
																			<colgroup>
																				<col style="width: 216px">
																				<col>
																				<col>
																				<col>
																			</colgroup>
																			<thead>
																				<tr>
																					<th class="create"><span class="title">菜单列表</span>
																						<button data-id="addItemLv1" type="button" class="ui-btn disabled" data-tooltip="您最多可以创建3个一级菜单">新建</button>
																					</th>
																					<th>绑定菜单功能</th>
																				</tr>
																			</thead>
																			<tbody data-id="menuList">
																				<tr data-lv="1" class="top-menu">
																					<td class="menu ">
																						<input data-field="text" class="ui-input-small " type="text" value="1" maxlength="8" placeholder="请输入菜单名称">
																						<a data-action="addItemLv2" class="link-icon" href="#"><i class="icon-plus"></i></a>
																						<span data-err-tip="" class="ui-help-float" style="display:none"></span>
																					</td>
																					<td class="bind">
																						<a data-action="remove" href="#"><i class="icon-trash"></i></a>
																					</td>
																				</tr>
																				<tr data-lv="2" class="sub-menu">
																					<td class="menu">
																						<input data-field="text" class="ui-input-small" type="text" value="" maxlength="NaN" placeholder="请输入菜单名称">
																						<span data-err-tip="" class="ui-help-float" style="display: none;">请输入菜单名称</span>
																					</td>
																					<td class="bind">
																						<div class="ui-dropdown ui-dropdown-type" data-field="curType" style="margin-right:10px" data-value="1">
																							<button class="ui-btn">网页链接 <span class="ui-caret"></span></button>
																							<ul class="ui-dropdown-menu">
																								<li class="" data-id="0"><a href="javascript:void(0);">套餐页面</a></li>
																								<li data-id="1" class="current"><a href="javascript:void(0);">网页链接</a></li>
																							</ul>
																						</div> <!-- 功能模块选择 -->
																						<div class="ui-dropdown not-hidden ">
																							<button class="ui-btn" type="button">没有可用的服务</button>
																						</div> 
																						<input type="text" class="" placeholder="请输入url" data-field="curURL" value="" style="float: left; width: 180px;"> 
																						<span data-err-tip="" class="ui-help-float" style="left: auto; top: auto; min-width: 0px; margin-left: -8px; display: none;">请输入URL</span>
																						<a data-action="remove" href="#"><i class="icon-trash"></i></a>
																					</td>
																				</tr>
																				<tr data-lv="1" class="top-menu">
																					<td class="menu ">
																						<input data-field="text" class="ui-input-small " type="text" value="2" maxlength="8" placeholder="请输入菜单名称">
																						<a data-action="addItemLv2" class="link-icon" href="#"><i class="icon-plus"></i></a>
																						<span data-err-tip="" class="ui-help-float" style="display:none"></span>
																					</td>
																					<td class="bind"><a data-action="remove" href="#"><i class="icon-trash"></i></a></td>
																				</tr>
																				<tr data-lv="2" class="sub-menu">
																					<td class="menu">
																						<input data-field="text" class="ui-input-small" type="text" value="" maxlength="NaN" placeholder="请输入菜单名称">
																						<span data-err-tip="" class="ui-help-float" style="display: none;">请输入菜单名称</span>
																					</td>
																					<td class="bind">
																						<div class="ui-dropdown ui-dropdown-type" data-field="curType" style="margin-right:10px" data-value="1">
																							<button class="ui-btn">网页链接 <span class="ui-caret"></span></button>
																							<ul class="ui-dropdown-menu">
																								<li class="" data-id="0"><a href="javascript:void(0);">套餐页面</a></li>
																								<li data-id="1" class="current"><a href="javascript:void(0);">网页链接</a></li>
																							</ul>
																						</div> <!-- 功能模块选择 -->
																						<div class="ui-dropdown not-hidden ">
																							<button class="ui-btn" type="button">没有可用的服务</button>
																						</div> 
																						<input type="text" class="" placeholder="请输入url"	data-field="curURL" value="" style="float: left; width: 180px;"> 
																						<span data-err-tip="" class="ui-help-float" style="left: auto; top: auto; min-width: 0px; margin-left: -8px; display: none;"></span>
																						<a data-action="remove" href="#"><i class="icon-trash"></i></a>
																					</td>
																				</tr>
																				<tr data-lv="1" class="top-menu">
																					<td class="menu ">
																						<input data-field="text" class="ui-input-small " type="text" value="3" maxlength="8" placeholder="请输入菜单名称">
																						<a data-action="addItemLv2" class="link-icon" href="#"><i class="icon-plus"></i></a>
																						<span data-err-tip="" class="ui-help-float" style="display:none"></span>
																					</td>
																					<td class="bind"><a data-action="remove" href="#"><i class="icon-trash"></i></a></td>
																				</tr>
																				<tr data-lv="2" class="sub-menu">
																					<td class="menu ">
																					<input data-field="text" class="ui-input-small " type="text" value="" maxlength="NaN" placeholder="请输入菜单名称">
																					<span data-err-tip="" class="ui-help-float" style="display:none"></span></td>
																					<td class="bind">
																						<div class="ui-dropdown ui-dropdown-type" data-field="curType" style="margin-right:10px" data-value="1">
																							<button class="ui-btn">网页链接 <span class="ui-caret"></span></button>
																							<ul class="ui-dropdown-menu">
																								<li class="" data-id="0"><a href="javascript:void(0);">套餐页面</a></li>
																								<li data-id="1" class="current"><a href="javascript:void(0);">网页链接</a></li>
																							</ul>
																						</div> <!-- 功能模块选择 -->
																						<div class="ui-dropdown not-hidden ">
																							<button class="ui-btn" type="button">没有可用的服务</button>
																						</div> 
																						<input type="text" class="" placeholder="请输入url" data-field="curURL" value="" style="float: left; width: 180px;"> 
																						<span data-err-tip="" class="ui-help-float" style="left: auto; top: auto; min-width: 0px; margin-left: -8px; display: none;"></span>
																						<a data-action="remove" href="#"><i	class="icon-trash"></i></a>
																					</td>
																				</tr>
																				<tr data-lv="2" class="sub-menu">
																					<td class="menu ">
																						<input data-field="text" class="ui-input-small " type="text" value="" maxlength="NaN" placeholder="请输入菜单名称">
																						<span data-err-tip="" class="ui-help-float" style="display:none"></span>
																					</td>
																					<td class="bind">
																						<div class="ui-dropdown ui-dropdown-type" data-field="curType" style="margin-right:10px" data-value="1">
																							<button class="ui-btn">网页链接 <span class="ui-caret"></span></button>
																							<ul class="ui-dropdown-menu">
																								<li class="" data-id="0"><a href="javascript:void(0);">套餐页面</a></li>
																								<li data-id="1" class="current"><a href="javascript:void(0);">网页链接</a></li>
																							</ul>
																						</div> <!-- 功能模块选择 -->
																						<div class="ui-dropdown not-hidden ">
																							<button class="ui-btn" type="button">没有可用的服务</button>
																						</div> 
																						<input type="text" class="" placeholder="请输入url" data-field="curURL" value="" style="float: left; width: 180px;"> 
																						<span data-err-tip="" class="ui-help-float"	style="left: auto; top: auto; min-width: 0px; margin-left: -8px; display: none;"></span>
																						<a data-action="remove" href="#"><i class="icon-trash"></i></a>
																					</td>
																				</tr>
																			</tbody>
																		</table>

																		<!-- 手机预览 -->
																		<div data-id="simulatorView" class="app-menu-preview">
																			<h3>
																				预览<span>（此处仅显示预览示意图）</span>
																			</h3>
																			<div data-id="simulatorInner" class="mod-mobile" style="background: none;">
																				<div>
																					<div class="mod_preview">
																						<div class="mod_preview_container">
																							<div>
																								<div class="mod-mobile-con">
																									<!-- 预览中间区域 -->
																									<div data-id="previewContent" class="wx-top wx-bottom">
																										<div style="text-align:center;height: 200px;padding: 120px 10px 0;word-wrap: break-word;overflow: hidden;">
																											<h3 style="font-size:16px;color:#999">网页链接</h3>
																											<a href="http://3.2" target="_blank">http://3.2</a>
																										</div>
																									</div>
																								</div>
																								<!-- 标题 -->
																								<div class="mod-mobile-wxheader">
																									<a data-id="previewBack" style="" class="mod-mobile-return" href="#">返回</a> 
																									<span data-id="previewTitle">3.2</span>
																								</div>
																								<!-- 底部 -->
																								<div class="mod-mobile-wxfooter">
																									<!-- 二级菜单 -->
																									<div data-id="previewPops" class="sub-menu">
																										<div class="ui-popover top sub-menu-left" style="display: none; left: 19.5px; right: auto;">
																											<div class="arrow" style="left: 15.5px; right: auto;"></div>
																											<div class="ui-popover-content">
																												<a data-action="preview" data-lv1-index="0" data-lv2-index="0" href="#">1.1</a>
																											</div>
																										</div>
																										<div class="ui-popover top sub-menu-middle" style="display: none; left: 99.5px; right: auto;">
																											<div class="arrow" style="left: 15.5px; right: auto;"></div>
																											<div class="ui-popover-content">
																												<a data-action="preview" data-lv1-index="1" data-lv2-index="0" href="#">2.1</a>
																											</div>
																										</div>
																										<div class="ui-popover top sub-menu-right" style="display: block; left: auto; right: 19.5px;">
																											<div class="arrow" style="left: auto; right: 15.5px;"></div>
																											<div class="ui-popover-content">
																												<a data-action="preview" data-lv1-index="2" data-lv2-index="0" href="#">3.1</a> 
																												<a data-action="preview" data-lv1-index="2" data-lv2-index="1" href="#">3.2</a>
																											</div>
																										</div>
																									</div>
																									<!-- 一级菜单 -->
																									<ul class="top-menu has-menu-3">
																										<li><a data-action="showItemLv2" data-index="0" href="#">1</a></li>
																										<li><a data-action="showItemLv2" data-index="1" href="#">2</a></li>
																										<li><a data-action="showItemLv2" data-index="2" href="#">3</a></li>
																									</ul>
																								</div>
																							</div>
																						</div>
																					</div>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
															<div data-id="btns" class="layout-sub-footer">
																<button data-id="publishConfig" type="button" class="ui-btn ui-btn-primary">更新到公众账号</button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<jsp:include page="../common/footer.jsp" />
</body>
</html>